<template>
<div>
    <div>
        <button @click="increment">{{state.count}}</button>doubleCount is: {{doubleCount}}
    </div>
    <div>
        <button @click="goToAbout">go to about</button>
    </div>
    <div>
        vuex number: {{number}}
    </div>
    <div>
        <button @click="updateNumber">update number</button>
    </div>
    <div>
        vuex a.aa: {{aa}}
    </div>
    <div>
        vuex b.bb: {{bb}}
    </div>
    <div>
        <button @click="updateAA">update aa</button>
    </div>
</div>

</template>
<script>
import useTest from './useTest'

export default {
  setup () {
    return useTest()
    // const { state, doubleCount, increment, goToAbout } = useTest()
    // return {
    //   state,
    //   doubleCount,
    //   increment,
    //   goToAbout
    // }
  }
}

</script>
